<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>抽奖</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/choujiang.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
	</head>

	<body>
		<div class="web">
			<audio src="media/1.mp3" class="mus " autoplay="autoplay" loop="loop"></audio>
			<div class="hea clearfix">
				<img src="img/news.png" class="news" />
				<div class="on_off clearfix">
					<img src="img/music.png" class="music" />
				</div>
			</div>
			<div class="sec">
				<!--说明-->
				<div class="explain">
					<img src="img/award/close.png" class="close" />
				</div>
				<!--九宫格-->
				<div class="sudoku clearfix">
					<ul>
						<li style="background: url(img/award/award1.png) no-repeat center/100% 100%;" data-index="1"></li>
						<li style="background: url(img/award/award2.png) no-repeat center/100% 100%;" data-index="2"></li>
						<li style="background: url(img/award/award3.png) no-repeat center/100% 100%;" data-index="3"></li>
						<li style="background: url(img/award/award4.png) no-repeat center/100% 100%;" data-index="8"></li>
						<li style="background: url(img/begin.png) no-repeat center/100% 100%;" class="yel"><img src="img/goo.png" class="animated tada sogo" /></li>
						<li style="background: url(img/award/award5.png) no-repeat center/100% 100%;" data-index="4"></li>
						<li style="background: url(img/award/award6.png) no-repeat center/100% 100%;" data-index="7"></li>
						<li style="background: url(img/award/award7.png) no-repeat center/100% 100%;" data-index="6"></li>
						<li style="background: url(img/award/award8.png) no-repeat center/100% 100%;" data-index="5"></li>
					</ul>
					<!--中奖-->
					<div class="step1">
						<div class="pic_1"><img src="img/bingo/congratulation.png"/></div>
						<div class="pic_2"><img src="img/award/award9.png"/></div>
						<div class="pic_3"><img src="img/bingo/go.png" /></div>
					</div>

					<!--兑换1-->
				</div>

				<div class="step2">
					<div class="relation1"><img src="img/bingo/congratulation.png" /></div>
					<div class="relation2">
						<ul>
							<li>恭喜你抽到</li>
							<li>由于中奖人数较多，为了及时准确给你送出奖品，请按以下步骤完成领奖环节</li>
							<li>Step &nbsp;1</li>
							<li>请输入你的手机号码，作为领取奖品的识别码：</li>
							<li><input type="text" maxlength="11" class="inp" placeholder="请输入你的手机号码" /></li>
						</ul>
					</div>
					<div class="relation3">
						<img src="img/redeem/next.png" />
					</div>
				</div>

				<!--兑换2-->
				<div class="step3">
					<div class="rela1">
						<img src="img/bingo/congratulation.png" />
					</div>
					<div class="rela2">
						<ul>
							<li>Step &nbsp;2</li>
							<li>请长按二维码添加小秘书为好友，并与小秘书联系确认收货信息。</li>
							<li><img src="img/WeChat.JPG" /></li>
						</ul>
					</div>
					<div class="rela3">
						<img src="img/thanks.png" />
					</div>
				</div>

			</div>

		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/top.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>